<template>
  <div class="app-content">
    <div class="search-content">
      <Title title="授权申领"></Title>
      <div class="search-input-content">
        <el-input
          placeholder="可查询订单编号/业务员"
          size="small"
          class="search-input"
        >
        </el-input>

        <i class="el-icon-search search-icon"></i>
      </div>
    </div>
    <div class="app-container"></div>
  </div>
</template>

<script>
import Title from "../components/title";

export default {
  name: "authLoginIndex",
  components: { Title },
  data() {
    return {};
  },
  created() {
    this.getList();
  },
  methods: {
    getList() {
      // console.log(this.hello());
      // this.hello1();
      // this.hello().then((result) => {
      //   console.log(result);
      // });
      // console.log("我是先执行的");
      this.test();
    },
    async hello() {
      return "hello world";
    },
    async hello1() {
      console.log("hello");
    },
    awaitMethod(num) {
      console.log("awaitMethod");
      return new Promise((resolve, reject) => {
        setTimeout(() => {
          resolve(2 * num);
        }, 2000);
      });
    },
    async test() {
      console.log("test");
      let result = await this.awaitMethod(30);
      console.log("result", result);
    },
  },
};
</script>

<style lang="scss" rel="stylesheet/scss" scoped>
.search-content {
  display: flex;
  // background-image: url("../../../assets/images/title.png") no-repeat;
  height: 50px;
  width: 100%;
  background: #fff;
  font-size: 18px;
  font-family: Source Han Sans CN, Source Han Sans CN-Medium;
  font-weight: 600;
  text-align: left;
  color: #333333;
  border-bottom: 2px solid #f5f7fa;
  justify-content: space-between;
  .search-input {
    width: 190px;
    height: 30px;
    // margin: auto 20px;
    margin-left: 10px;
  }
}
::v-deep .search-input .el-input__inner {
  // border-radius: 16px;
  border: 0px;
}
.groupBtn {
  width: 80px;
  height: 32px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  // background-image: url("../../assets/images/product/btn.png");
  // background-size: cover;
  background: #e60012;
  margin-bottom: 10px;
}
// 按钮文字居中
::v-deep .groupBtn {
  position: relative;
  span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
</style>
